<form action="" method="post" id="registro_step_two" enctype="multipart/form-data" >
  <input type="hidden" id="step_two_user_id" name="sf_guard_user[id]" value="" />            
  <div style="position: relative; float: left; width: 800px; height: auto; margin-right: 20px; margin-left: 20px;">      
    <div style="position: relative; float: left; width: 800px; height: auto; margin: 0pt auto;">
      <div style="width:340px; height:auto; margin: 0 auto;">
        <div id="inputArea2" style="position:relative; float:left; width:300px; height:auto; margin:20px;">
          <div class="txtinput" style="position:relative; float:left; width:300px; height:auto; margin-bottom:2px;">
            <label for="sf_guard_user_location">Location</label><div id="loading"></div>
          </div>
          <div style="position:relative; float:left; width:300px; margin-bottom:2px;">
	          <input type="text" class="validate[required] input_registro" id="sf_guard_user_location" value="" />
	          <input type="hidden" id="sf_guard_user_location_id" name="sf_guard_user[location_id]" value="<?php echo $location->id ?>" />  
          </div>
          <div class="txtinput" style="position:relative; float:left; width:300px; height:auto; margin-bottom:3px;">
            ej: <span id="location_ex" href=""><?php echo $location->city.", ".$location->NfCountry->printable_name; ?></span>
          </div>

          <div class="txtinput" style="position:relative; float:left; width:300px; height:auto; margin-bottom:2px;">
            <label>Upload photo</label>
          </div>
          <div style="position:relative; float:left; width:300px; margin-bottom:3px;">	
	          <div id="uploader-photo">		
		          <noscript>			
			          <p>Please enable JavaScript to use file uploader.</p>
		          </noscript>         
	          </div>	
            <div style="position:relative;height:auto; margin-bottom:10px;">
              <div id="uploadedphoto"></div>
            </div>
          </div>
  
          <div class="txtinput" style="position:relative; float:left; width:300px; height:auto; margin-bottom:2px;">
            <label>Interests</label>
          </div>
          <div style="position:relative; float:left; width:300px; height:auto; margin-bottom:3px;">
            <?php echo $form['interests'] ?>
          </div>
          <div class="txtinput" style="position:relative; float:left; width:300px; height:auto; margin-bottom:2px;">
            <label>Activities</label>
          </div>
	        <div style="width:auto; height:auto; position:relative; float:left;">
	          <a id="activitiesBtn" class="big blue awesome" style="width: 100px; text-align: center;">Add</a>
	          <select id="activitiesList" multiple="multiple" size="4" class="select"></select>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style="position:relative; float:left; width:800px; height:auto; margin-right:20px; margin-left:20px;">
	  <div style="position:relative; float:left; width:800px; height:auto; margin: 0 auto;">
	    <div class="txtinput" style="width:170px; height:20px; margin-left: auto; margin-right:auto;">
  	    <div style="position:relative; float:left; width:auto; height:auto; margin-bottom:5px;">
	        <div style="width:auto; height:auto; position:relative; float:left;">
	          <a id="to_step_three" class="big blue awesome" style="width: 100px; text-align: center;">Next Step</a>
          </div>
        </div>
      </div>
	  </div>
  </div>
</form>
